var tables = {
    tableinit(_this) {
        for (var i = 0; i < 100; i++) {
            document.getElementById('swiper-wrapper').innerHTML += `
            <div class="swiper-slide">
                <div class="item tabletitle"
                    style="display: table;width: 100%;word-break: break-all;background-color: transparent;">
                    <div style="display: table-cell; width: 40%;line-height:  normal;">
                        <div style="padding: 10px;">2020-10-10</div>
                    </div>
                    <div style="display: table-cell;width: 60%;line-height:  normal;">
                        <div style="padding: 10px;">洋河蓝色经典周边${i} <span style="display: inline-block;">220.00</span>
                        </div>
                    </div>
                </div>
            </div>
            `
        }
        setTimeout(() => {
            _this.$swiper = new Swiper('.swiper', {
                autoplay: {
                    delay: 3000
                    , disableOnInteraction: false
                },//可选选项，自动滑动
                loop: true,
                slidesPerView: 'auto',
                direction: 'vertical',
                initialSilde: 1,
                on: {
                    slideChangeTransitionStart: () => {
                        setTimeout(() => {
                            _this.$swiper.updateSlides()
                        })
                    },
                },
            })
        })
    }
}